/*Valla Activa Estilos*/

.hidden-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hidden-scrollbar {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */

-webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
-webkit-user-select: none;


}


textarea{
    overflow: hidden;
    resize: none;
}

.textarea{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    resize: both;
    min-height: 40px;
    line-height: 20px;
    text-align: left;
}


input {border:0;outline:0;}
input:focus {outline:none!important;}
/* input::placeholder {color:white;} */

.chat_item:hover{
    box-shadow:0 0 5px white;
}

#searcher_input_user{
    border: none;
    background-color: transparent;
    color: white;
}

#searcher_input_user::placeholder {
    color: grey;
    /* font-size: 1.5em; */
  }

#searcher_input_user:hover {
    color: white;
    border: none;
/* font-size: 1.5em; */
}

.return_chat:hover{
    color: grey;
}

.return_chat:hover{
    color: white;
}

.search_icon{
    color: grey;
}

.search_icon:hover{
    color: #fff;
}

.btn-grad {
    background-image: linear-gradient(to right, #AA076B 0%, #270226  51%, #AA076B  100%);
}
.btn-grad {
    border-radius: 0rem;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
            
}
.btn-grad:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

#client_scroller_container {
    text-transform: uppercase;
}
/* text-transform: uppercase; */

.client-scroller{

    /* border-color: linear-gradient(to top, white 50%, transparent  100%); */

    /* background: linear-gradient(to top, black, transparent); */
    /* background-image: -webkit-linear-gradient(top, white, transparent); */

    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)), linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    -webkit-mask-size: 100% 90%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top, bottom  ;


    max-height: 440px;
}

.chat-grad {
    background-image: linear-gradient(to bottom, #AA076B 0%, #270226  51%, #AA076B  100%);
}
.chat-grad {
    border-radius: 0rem;
    /* text-transform: uppercase; */
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
            
}
.chat-grad:hover {
    background-position: top center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.btn-violet
{
    background-color: #70236E;
    color: white;
}

.btn-violet:hover
{
    background-color: #270226;
    color: white;
}

#modal-options-vallactiva
{
    background-color: transparent;
    border-radius:10px;
    border-color: transparent;
}

.btn-options-valla
{
    border-radius: 10px;
}

.icons-option-vallactiva
{
    font-size: 80px;
}